<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>search</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/headerCss.css">
    <link rel="stylesheet" href="css/searchMovie.css">
</head>
<body>
<myheader :search="search"></myheader>
<div style="height: 80px"></div>
<div class="subnav">
    <div class="search-box">
        <form action="">
            <input class="search-input" type="text" placeholder="找影视剧，影人" value="吴京">
            <input type="button" class="search-button">
        </form>
    </div>
<ul class="search-ul">
    <li><a href="./searchMovie.html" style="color: red">影视剧(221)</a></li>
    <li><a href="./search.html">影人(104)</a></li>
    <div class="corner"></div>
</ul>

</div>
<div class="container" style="width: 1200px;margin: 40px auto 0 auto">
    <div class="row">
         <ul class="container-ul">
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./movie-details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                    <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./Movie%20details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                     <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./Movie%20details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                     <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./Movie%20details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                     <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./Movie%20details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                     <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./Movie%20details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                     <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./Movie%20details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                     <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
             <li class="col-md-6" >
                 <div class="item-poster col-md-4">
                     <a href="./Movie%20details.html"><img src="imgs/searchImg/我和我的父辈.jpg" alt=""></a>
                 </div>
                 <div class="col-md-8 ">
                     <div class="item-title">我和我的父辈</div>
                     <div class="item-info">
                         <div class="item-sea">9.5</div>
                         <div class="item-detail">剧情</div>
                         <div class="item-time">2021-09-30 09:30中国大陆上映</div>
                     </div>
                 </div>
             </li>
         </ul>
    </div>
    <div class="row">
        <div class="pager">
            <ul class="list-pager">
                <li>上一页</li>
                <li >1</li>
                <li class="pager-active">2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>下一页</li>
            </ul>
        </div>
    </div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--引入axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="js/header.js"></script>
</body>
</html>